<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN">
<!--<![endif]-->

<!-- BEGIN HEAD-->
<head>
    <meta charset="UTF-8"/>
    <title>${param.title}</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->

    <!-- GLOBAL STYLES -->
    <link rel="stylesheet"
          href="<c:url value='/resources/plugins/bootstrap/css/bootstrap.css'/>"/>
    <link rel="stylesheet"
          href="<c:url value='/resources/plugins/Font-Awesome/css/font-awesome.css'/>"/>
    <!--END GLOBAL STYLES -->

    <!-- PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL  STYLES -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

</head>

<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div class="carousel slide" id="carousel-269639">
                <ol class="carousel-indicators">
                    <li data-slide-to="0" data-target="#carousel-269639">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-269639">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-269639">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item next left">
                        <img alt="" src="../../img/cover.png" />
                        <div class="carousel-caption">
                            <h4>
                                棒球
                            </h4>
                            <p>
                                棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="../../img/cover.png" />
                        <div class="carousel-caption">
                            <h4>
                                冲浪
                            </h4>
                            <p>
                                冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
                            </p>
                        </div>
                    </div>
                    <div class="item active left">
                        <img alt="" src="../../img/cover.png" />
                        <div class="carousel-caption">
                            <h4>
                                自行车
                            </h4>
                            <p>
                                以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                            </p>
                        </div>
                    </div>
                </div> <a data-slide="prev" href="#carousel-269639" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-269639" class="right carousel-control">›</a>
            </div> <button class="btn btn-block btn-success" type="button">按钮</button>
        </div>
    </div>
</div>
<!-- FOOTER -->
<div id="footer">
    <p>&copy; mmloo &nbsp;2016 &nbsp;</p>
</div>

<!--END FOOTER -->
<!-- GLOBAL SCRIPTS -->
<script src="<c:url value='/resources/plugins/jquery-2.0.3.min.js'/>"></script>
<script
        src="<c:url value='/resources/plugins/bootstrap/js/bootstrap.min.js'/>"></script>
<script
        src="<c:url value='/resources/plugins/modernizr-2.6.2-respond-1.1.0.min.js'/>"></script>
<!-- END GLOBAL SCRIPTS -->
</body>
<!-- END BODY-->

</html>
